<!DOCTYPE html>
<html>
  <head>
    <script src="./js/vue.js"></script>
  </head>
  <body>
    <h2>Vue 生命周期钩子学习</h2>
    <div id="app"></div>
  </body>
  <script>
    var vm = new Vue({
      data: {
        a: 23,
        b: '123',
        c: 1000
      },
      created: function showA() {
        // `this` 指向 vm 实例
        alert('当前 a 的值为：' + this.a)
      },
      mounted: function() {
        debugger
        // this.$nextTick(function() {
        this.showC()
        // 仅在整个视图都被渲染之后才会运行的代码
        alert('当前 c 的值为：' + this.c)
        // })
      }
      // methods: {
      //   showC() {
      //     alert('当前 c 的值为：' + this.c)
      //   }
      // }
    })
  </script>
</html>
